import React from 'react';
import PropTypes from 'prop-types';
import s from './Nonsupport.module.css';
import cn from 'classnames';

export default function Nonsupport({ className, onClose }) {
	React.useEffect(goSet => {}, []);

	return (
		<div className={cn(className, s.main)}>
			<div className={s.box}>
				<svg
					width="100px"
					height="98px"
					viewBox="0 0 100 98"
					version="1.1"
					xmlns="http://www.w3.org/2000/svg"
					xmlnsXlink="http://www.w3.org/1999/xlink"
				>
					<desc>Created with Sketch.</desc>
					<g
						id="控件"
						stroke="none"
						strokeWidth="1"
						fill="none"
						fillRule="evenodd"
					>
						<g
							id="缺省配图/1.样式一/无访问权限"
							transform="translate(-2.000000, -3.000000)"
						>
							<g id="无访问权限">
								<g>
									<g id="编组-5" transform="translate(13.000000, 40.000000)">
										<path
											d="M10.6549985,46 L69.7417162,46 C71.2258137,46 72.5929616,46.8055572 73.3121202,48.1037699 L77.8620884,56.3172946 C78.6869059,57.8062411 78.148523,59.6819174 76.6595765,60.5067349 C76.2025248,60.7599236 75.6886071,60.8927586 75.1661123,60.8927586 L5.23060244,60.8927586 C3.52846097,60.8927586 2.14860267,59.5129003 2.14860267,57.8107588 C2.14860267,57.288264 2.28143771,56.7743464 2.53462635,56.3172946 L7.08459457,48.1037699 C7.80375314,46.8055572 9.17090098,46 10.6549985,46 Z"
											id="矩形"
											fill="#E7EAEF"
										></path>
										<rect
											id="矩形"
											stroke="#CBD1DA"
											strokeWidth="2"
											fill="#FFFFFF"
											strokeLinejoin="round"
											x="7"
											y="0"
											width="66"
											height="54"
										></rect>
										<g
											id="编组-10"
											transform="translate(30.000000, 17.000000)"
											stroke="#CBD1DA"
										>
											<path
												d="M10.3,0 C13.7793939,-6.39154295e-16 16.6,2.82060608 16.6,6.3 L16.6,12.6 C16.6,14.7403544 15.5326505,16.6314161 13.9011804,17.7699561 L13.9,6.3 C13.9,4.3117749 12.2882251,2.7 10.3,2.7 C8.3117749,2.7 6.7,4.3117749 6.7,6.3 L6.7,6.3 L6.69982426,17.7706571 C5.06778766,16.6321924 4,14.7407938 4,12.6 L4,6.3 C4,2.82060608 6.82060608,1.52733271e-15 10.3,0 Z"
												id="形状结合"
												strokeWidth="2"
											></path>
											<rect
												id="矩形"
												strokeWidth="2"
												fill="#F7F9FC"
												strokeLinejoin="round"
												x="0"
												y="8"
												width="21"
												height="19"
											></rect>
											<path
												d="M10.5,12.6097465 C12.1568542,12.6097465 13.5,13.888933 13.5,15.4668894 C13.5,16.6835921 12.7014501,17.7226649 11.5762702,18.1346604 L12.75,22.6097465 L8.25,22.6097465 L9.42473212,18.1350273 C8.29902415,17.7232819 7.5,16.6839533 7.5,15.4668894 C7.5,13.888933 8.84314575,12.6097465 10.5,12.6097465 Z"
												id="形状结合"
												strokeWidth="1.8"
												fill="#FFFFFF"
												strokeLinejoin="round"
											></path>
										</g>
										<path
											d="M11.85,5.89535627 C12.5955844,5.89535627 13.2,5.29094069 13.2,4.54535627 C13.2,3.79977186 12.5955844,3.19535627 11.85,3.19535627 C11.1044156,3.19535627 10.5,3.79977186 10.5,4.54535627 C10.5,5.29094069 11.1044156,5.89535627 11.85,5.89535627 Z"
											id="椭圆形"
											stroke="#CBD1DA"
											opacity="0.825753348"
										></path>
										<path
											d="M16.575,5.89535627 C17.3205844,5.89535627 17.925,5.29094069 17.925,4.54535627 C17.925,3.79977186 17.3205844,3.19535627 16.575,3.19535627 C15.8294156,3.19535627 15.225,3.79977186 15.225,4.54535627 C15.225,5.29094069 15.8294156,5.89535627 16.575,5.89535627 Z"
											id="椭圆形"
											stroke="#CBD1DA"
											opacity="0.601864769"
										></path>
										<path
											d="M21.3,5.89535627 C22.0455844,5.89535627 22.65,5.29094069 22.65,4.54535627 C22.65,3.79977186 22.0455844,3.19535627 21.3,3.19535627 C20.5544156,3.19535627 19.95,3.79977186 19.95,4.54535627 C19.95,5.29094069 20.5544156,5.89535627 21.3,5.89535627 Z"
											id="椭圆形"
											stroke="#CBD1DA"
											opacity="0.503301711"
										></path>
										<line
											x1="6"
											y1="9"
											x2="72.6"
											y2="9"
											id="路径-47"
											stroke="#CBD1DA"
											strokeWidth="2"
										></line>
									</g>
									<g id="缺省图" transform="translate(2.000000, 4.000000)">
										<g id="编组-52">
											<path
												d="M-7.10542736e-14,19.2101584 C11.4467913,22.7230664 18.9299393,24.3925826 22.4494441,24.218707 C35.2442504,23.5865997 38.8755329,16.2703369 41.9326188,12.0502656 C47.5163375,4.34237237 49.5443338,10.905099 47.5163375,12.2754661 C45.4883412,13.6458331 41.718371,10.2566139 43.2331777,6.11592709 C44.7479844,1.97524024 57.1653796,-2.88068226 68.4450016,2.13458024"
												id="路径-41"
												stroke="#E7EAEF"
												strokeDasharray="2.040816326530612"
											></path>
											<path
												d="M62.3225526,5.32138032 C66.4380147,8.40937045 72.178988,9.56960971 79.5454726,8.8020981"
												id="路径-42"
												stroke="#E7EAEF"
												strokeDasharray="2.040816326530612"
											></path>
											<path
												d="M83.2715932,9.99816677 C84.3987049,9.99816677 85.3124095,9.08446217 85.3124095,7.95735044 C85.3124095,6.83023871 84.3987049,5.91653411 83.2715932,5.91653411 C82.1444814,5.91653411 81.2307768,6.83023871 81.2307768,7.95735044 C81.2307768,9.08446217 82.1444814,9.99816677 83.2715932,9.99816677 Z"
												id="椭圆形"
												stroke="#E7EAEF"
											></path>
											<g
												id="编组-42"
												transform="translate(18.381196, 13.314869)"
												stroke="#CBD1DA"
												strokeWidth="1.5"
											>
												<path
													d="M0.0662559954,10.8307353 C1.99419787,9.29990998 3.25002887,7.99922192 3.83374897,6.92867111 C4.25074921,6.16388687 6.711462,0.365199075 11.7454342,0.365199075 C13.9465986,0.365199075 16.4951428,1.72825346 19.3910668,4.45436222 C19.3910668,10.2741075 17.3809741,13.786132 13.3607887,14.9904357 C9.3406033,16.1947395 4.9090924,14.8081726 0.0662559954,10.8307353 Z"
													id="路径-35"
													fill="#F7F9FC"
												></path>
												<path
													d="M22.1213156,0.365199075 C18.5319289,7.97610684 11.1802424,11.4646189 0.0662559954,10.8307353"
													id="路径-36"
													strokeLinecap="round"
													strokeLinejoin="round"
												></path>
												<path
													d="M8.06669754,1.27269064 C9.21662244,5.11323874 11.2753703,7.50315034 14.2429413,8.44242546"
													id="路径-37"
												></path>
												<path
													d="M3.76828836,7.24271516 C5.33221927,9.24802734 6.37036774,10.3595424 6.88273377,10.5772605"
													id="路径-38"
												></path>
												<path
													d="M6.88273377,10.5772605 C6.76682296,12.5720466 6.76682296,14.1074148 6.88273377,15.1833651"
													id="路径-39"
												></path>
												<path
													d="M14.647028,8.20318962 C12.9681395,11.3930494 12.2863735,13.6506799 12.60173,14.976081"
													id="路径-40"
												></path>
											</g>
											<line
												x1="93.8488636"
												y1="58.5908668"
												x2="98.9509044"
												y2="58.5908668"
												id="路径-43备份-3"
												stroke="#E7EAEF"
												strokeWidth="1.5"
												strokeLinecap="round"
											></line>
											<line
												x1="96.399884"
												y1="56.0398464"
												x2="96.399884"
												y2="61.1418872"
												id="路径-43备份-2"
												stroke="#E7EAEF"
												strokeWidth="1.5"
												strokeLinecap="round"
											></line>
											<line
												x1="1.65312485"
												y1="38.3062414"
												x2="6.75516566"
												y2="38.3062414"
												id="路径-43"
												stroke="#E7EAEF"
												strokeWidth="1.5"
												strokeLinecap="round"
											></line>
											<line
												x1="4.20414525"
												y1="35.755221"
												x2="4.20414525"
												y2="40.8572619"
												id="路径-43备份"
												stroke="#E7EAEF"
												strokeWidth="1.5"
												strokeLinecap="round"
											></line>
										</g>
									</g>
									<polygon
										id="矩形"
										points="0 0 104 0 104 88.3638302 104 104 0 104"
									></polygon>
								</g>
							</g>
						</g>
					</g>
				</svg>
				<span>该功能当前套餐不支持，请先升级套餐</span>
			</div>
		</div>
	);
}

Nonsupport.propTypes = {
	className: PropTypes.string,
	onClose: PropTypes.func,
};

Nonsupport.defaultProps = {
	Nonsupport: '',
	onClose: () => {},
};
